<template>
  <div class="index-container">
    <DataFrom v-on="$listeners" />
    <h3>
      {{ title }}<span>{{ subTitle }}</span>
    </h3>
    <DataList :list="list" />
    <div class="loading" v-loading="isLoading"></div>
  </div>
</template>

<script>
import DataFrom from "./DataFrom.vue";
import DataList from "./DataList.vue";
export default {
  props: {
    title: {
      type: String,
      default: "",
    },
    subTitle: {
      type: String,
      default: "",
    },
    list: {
      type: Array,
      default: () => [],
    },
    isLoading: {
      type: Boolean,
      default: false,
    },
  },
  components: { DataFrom, DataList },
  data: () => ({}),
};
</script>

<style lang='less' scoped>
</style>
